<template>
  <el-menu>
      <el-menu-item v-for="(u,i) in users" :key="u.id" :index="i+''">
          <router-link :to="{ name: 'user' , params: u }">{{ u.name }}</router-link>
      </el-menu-item>
  </el-menu>
</template>

<script>
export default {
    name: 'Navigator' ,
    data(){
        return {
            users: [
                { id: 1001 , name: '朱茵' , gender: 'female' } ,
                { id: 2002 , name: '郑少秋' , gender: 'male'} ,
                { id: 3003 , name: '周星驰' , gender: 'male' }
            ]
        }
    }
}
</script>

<style>

</style>